<script setup>
import { ref } from 'vue'

import DocumentPage from '@/components/common/DocumentPage.vue'
import IconContact from '@/components/icons/IconContact.vue'

const docRef = ref(null)
</script>

<template>
  <div @click="docRef.show('contact')" :class="$attrs.class">
    <slot>
      <el-button style="width: 32px" @click.stop="docRef.show('contact')" title="联系客服">
        <IconContact />
      </el-button>
    </slot>
  </div>
  <DocumentPage ref="docRef" />
</template>

<style scoped>
.el-tooltip__trigger {
  outline: unset;
}
</style>
